<!DOCTYPE html>
<html>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
	href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet"
	href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script>
	function mainPageAction() {
		location.href = "MainPage.html";
		console.log("asdf");
	}
</script>
<head>
<meta charset="UTF-8">
<title>Login Page</title>
</head>
<body>
	<div style="background: url(img/top.jpg); height: 60px; width: 100%;">
	</div>
	<h2 align="center">
		<img alt="Responsive image" src="img/test.gif" class="img-circle"
			style="max-width: 5%;" /> 用户登录
	</h2>
	<div align="center" class="tree well">
		<form class="form-horizontal" role="form" style="max-width: 50%;">
			<div class="form-group">
				<label for="inputEmail3" class="col-sm-2 control-label">Account</label>
				<div class="col-sm-10">
					<input type="email" class="form-control" id="inputEmail3"
						placeholder="Account">
				</div>
			</div>
			<div class="form-group">
				<label for="inputPassword3" class="col-sm-2 control-label">Password</label>
				<div class="col-sm-10">
					<input type="password" class="form-control" id="inputPassword3"
						placeholder="Password">
				</div>
			</div>
		</form>
		<div class="form-group">
				<button class="btn btn-primary" onclick="mainPageAction()">login</button>
				<button class="btn btn-info">Sign in</button>
		</div>
	</div>
</body>
</html>